<ion-header>
  工作区
</ion-header>
<ion-content>
  <div class="divider"></div>
  <div class="banner">
    <div class="line1">一个都不能少</div>
    <div class="line2">快速+易操作</div>
    <div class="line3">这才是程序员的开发平台</div>
  </div>

  <div class="news">
    <span class="left">公告</span>
    <span class="middle">9月全新升级，力软敏捷开发框架</span>
    <span class="right">更多</span>
  </div>
  <div class="divider"></div>

  <div class="activePartsBox">
    <div class="title">常见应用</div>
    <ul class="activeParts borderBtm">
      <li class="item" >
        <span class="replaceIcon bgcblue1">
          <i class="icons-pay9"></i>
        </span>
        <div class="text" >收款报表</div>
      </li>
      <li class="item">
        <span class="replaceIcon bgcyellow">
        <i class="icons-pay8"></i>
      </span>
        <div class="text">应收账款</div>
      </li>
      <li class="item" (click)="ReportClick($event, item)">
        <span class="replaceIcon bgccyan">
        <i class="icons-pay6"></i>
      </span>
        <div class="text">报表中心</div>
      </li>
      <li class="item">
        <span class="replaceIcon bgcpurple">
          <i class="icons-pay7"></i>
        </span>
        <div class="text">订单管理</div>
      </li>
      <li class="item">
        <span class="replaceIcon bgcorange">
          <i class="icons-pay3"></i>
        </span>
        <div class="text">协同办公</div>
      </li>
      <li class="item" (click)="business()">
        <span class="replaceIcon bgcpink">
          <i class="icons-pay4"></i>
        </span>
        <div class="text">商机管理</div>
      </li>
      <li class="item" (click)="addApp()">
        <span class="replaceIcon addApp">+</span>
        <div class="text">添加应用</div>
      </li>
    </ul>

    <span class="title">其他应用</span>
    <ul class="activeParts">
      <li class="item">
        <span class="replaceIcon bgcblue1">
          <i class="icons-pay5"></i>
        </span>
        <div class="text">考勤打卡</div>
      </li>
      <li class="item">
        <span class="replaceIcon bgcblue2">
            <i class="icons-pay2"></i>
        </span>
        <div class="text">请假审批</div>
      </li>
      <li class="item">
        <span class="replaceIcon bgcpurple">
          <i class="icons-pay1"></i>
        </span>
        <div class="text">待办事项</div>
      </li>
    </ul>


  </div>


</ion-content>